<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>商品搜索</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/style.css">
		<link rel="stylesheet" href="../../css/iconfont.css">
		<link rel="stylesheet" href="../../css/swiper.min.css">
		<title></title>
		<style>
			img{
				width:100%;
				height: 145px;
				background-size:100% 100%;
			}
			.sbt {
				color: #fff;
				margin-top: 10px;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 1;
				line-height: 20px;
				background: #3ca582;
				padding: 4px;
			}
		</style>
	</head>
	<body>
		<div class="juli">
		    <div class="cp">
		        <div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
		            <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
		            <p class="sbt">西红柿</p>
		            <p class="price">￥<span>38元</span>/斤</p>
		        </div>
				<div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1" style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1"  style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1"  style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
				<div class="k1"  style="margin-bottom: 0.5rem;" id="shopping_show.html">
				    <img src="../../images/1.jpg" onerror='this.src="../../images/error-img.png"' class="bfb">
				    <p class="sbt">西红柿</p>
				    <p class="price">￥<span>38元</span>/斤</p>
				</div>
		    </div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script>
			mui(".juli").on("tap", ".k1", function() {
				var url = this.getAttribute("id"); //getAttribute()获取属性函数
				mui.openWindow({
					url: url,
					id: url,
					styles: {
						top: '0px', //新页面顶部位置
						bottom: '0px', //新页面底部位置
						popGesture: 'close'
					},
					extras: {},
					waiting: {
						autoShow: false
					}
				})
			});
		</script>
	</body>
</html>
